<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="generator" content="PSPad editor, www.pspad.com; HTML-Kit, http://www.chami.com/html-kit/" />
  <title>Leprosorium BlackJack &mdash; Статистика</title>
  <link rel="shortcut icon" href="./img/favicon.png" />
  <link href="blackjack.css" rel="stylesheet" type="text/css"/>
  <link href="stats.css" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" src="json2.js"></script>
  <script type="text/javascript" src="utils.js"></script>
  <script type="text/javascript" src="ui.js"></script>
  <script type="text/javascript" src="stats.js"></script>
  </head>
  <body>
  
    <noscript>ВНИМАНИЕ: К сожалению, вся эта страница никак не может корректно работать без включенного JavaScript (и без CSS, кстати, тоже :( ). 
    Мы обязательно попытаемся поправить это в следующих версиях &mdash; но пока, пожалуйста, найдите всё же способ его включить.</noscript>    
    
    <div id="banner">
        <img src="./img/banner.jpg" id="heading-logo" alt="LeproBlackJack" title="LeproBlackJack" />
        <img src="./img/panda.gif" id="loading-process" alt="Загружаю..." title="Процесс загрузки" class="hidden" />
    </div>        
         
         <div id="tables" class="stats centered full-width">
         
         <!-- 
         <input type="text" value="Имя группы" />
         <input type="text" value="Пользователь" />
          --> 
         
         <div id="info-card"></div>
         
         <div id="floating-info" style="display: none;"></div>
         
         <!-- <table id="user-groups" summary="Содержит список групп, в которых находится пользователь и обеспечивает возможность выхода из групп.">
              <caption>Группы, в которых вы учавствуете:</caption>
              <thead>
                  <tr>
                      <th>Группа</th>
                      <th>Участники</th>
                      <th>Карты</th>
                      <th>Сумма очков</th>
                      <th>&minus;</th>
                  </tr>
              </thead>
              <tbody>
                  <tr>
                      <td>-</td>
                      <td>-</td>
                      <td>-</td>
                      <td>-</td>
                      <td>-</td>
                  </tr>                
              </tbody>
         </table> -->
         
         <!-- new line -->
                  
         <table id="all-users" summary="Все пользователи, упорядоченные по количеству завершённых групп, в которые они входят и по очкам.">
              <caption>Все участники:</caption>
              <thead>
                  <tr>
                      <th>Имя</th>
                      <th>Карта</th>
                      <th>Очки</th>
                      <th>Кол-во групп</th>
                  </tr>
              </thead>
              <tbody>
                  <tr>
                      <td>-</td>
                      <td>-</td>
                      <td>-</td>
                      <td>-</td>
                  </tr>                
              </tbody>       
         </table>
         
         <!-- Все группы -->
         
         <table id="all-groups" summary="Все группы, отсортированные по очкам, отсутвию джокеров и количеству пользователей. В группы можно вступить или их покинуть.">
              <caption>Все группы:</caption>
              <thead>
                  <tr>
                      <th>Группа</th>
                      <th>Участники</th>
                      <th>Карты</th>
                      <th>Сумма очков</th>
                      <th>+</th>
                      <th>&minus;</th>
                  </tr>
              </thead>
              <tbody>
                  <tr>
                      <td>-</td>
                      <td>-</td>
                      <td>-</td>
                      <td>-</td>
                      <td>-</td>
                      <td>-</td>
                  </tr>                
              </tbody>       
         </table>
         
         <img src="#" id="loading-process" alt="Загружаю..." title="Процесс загрузки" class="hidden" />
                     
        </div> <!-- #tables -->
         
        <script type="text/javascript">         
        
            var loadingElm = document.getElementById('loading-process'); 
            if (loadingElm) {
                loadingElm.src = './img/panda.gif';
                loadingElm.className = 'hidden';
            }
        
            function onUserClick(userData) {
                alert(userData.uname);
            }
            
            function onGroupClick(groupData) {
                alert(groupData.name);
            }
            
            function onGroupJoinClick(groupData) {
                alert('joining ' + groupData.name);
            }
            
            function onGroupLeaveClick(groupData) {
                alert('leaving ' + groupData.name);
            }
        
            var statsLoader = new LBJStatsLoader();
            statsLoader.initializeInfoElems('info-card', 'floating-info');
            statsLoader.setLoadingDisplayElm(loadingElm);            
            statsLoader.setUserClickHandler(onUserClick);
            statsLoader.setGroupClickHandler(onGroupClick);
            statsLoader.setGroupJoinClickHandler(onGroupJoinClick);
            statsLoader.setGroupLeaveClickHandler(onGroupLeaveClick);
            // statsLoader.loadUserStats('user-groups');
            statsLoader.loadGroupsStats('all-groups');
            statsLoader.loadUsersStats('all-users'); 
        </script>              
         
  </body>
</html>
